/* 
  创建真正的节点
  将vnode创建为DOM，插入到pivit之前
*/
export function createElement(vnode) {
    // console.log(vnode)
    // 手动创建一个DOM节点
    let domNode = document.createElement(vnode.sel);
    // 有子节点还是有文本？
    if (vnode.text !== '' && (!vnode.children || !vnode.children.length)) {
        domNode.innerText = vnode.text;
    } else if (Array.isArray(vnode.children) && vnode.children.length) {
        // 如果内部是子节点，就要递归创建子节点
        for (let i = 0; i < vnode.children.length; i++) {
            // 得到当前这个children
            let ch = vnode.children[i]
            let chDom = createElement(ch)
            domNode.appendChild(chDom)
        }
    }
    // 补充ele属性
    vnode.elm = domNode;
    // 返回elm，elm属性是一个纯DOM对象
    return vnode.elm
}